import { List, Modal } from "antd";
import styles from './index.module.less'
import { CustomIcon } from "../../../components";

type ADD_MODAL_TYPE = { title: string; isAddOpen: boolean; setIsAddOpen: (open: boolean) => void; }
const AddModal = ({ title, isAddOpen, setIsAddOpen }: ADD_MODAL_TYPE) => {
    return <Modal className={styles.modalBox} title={title}
        open={isAddOpen}
        onCancel={() => setIsAddOpen(false)}
        footer={null}>
        <div className={styles.addModalText}>选择一个文件夹</div>
        <List
            dataSource={[{}, {}, {}]}
            renderItem={(item) => (
                <List.Item className={styles.listItem}>
                    <div>
                        <CustomIcon style={{ fontSize: 18,marginRight:5 }} str='folder-2-line' />
                        <span className={styles.titleText}>默认文件夹</span>
                    </div>
                </List.Item>
            )}
        />
    </Modal>
}

export default AddModal;